body{
 background-color: #f0f0f0;
}
.image_battle {
	background-color: white;
	border-radius: 4px;
	box-shadow: 0 0 2px 2px #eee;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}
.item_line {
	background: #e8e8e8;
	height: 1px;
	margin-top: 16px;
	width: 100%;
}

.zoomImage {
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
}
			a {
				text-decoration: none;
				color: #333;
			}

			a:hover {
				text-decoration: none;
				color: #ff4c6f;
			}

			li {
				list-style: none;
			}
			.image_battle .img_div {
				margin-bottom: 20px;
				max-height: 100px;
				text-align: center;
			}
			.image_battle_title_div{
				border-bottom: 1px solid  #e8e8e8;
				width: 100%;
				margin-bottom: 20px;
				padding-bottom: 12px;
			}
			.image_battle_title{
				color: #2C2C2C;
				font-size: 16px;
				font-weight:bold
			}
			.image_battle_date{
				float: right;
			}
			@media screen and (min-width: 960px) {
			.image_battle_row .col {
				width: 25%;
				text-align: center;
				float: left;
				overflow: hidden;
				height: 130px;
				margin-bottom: 20px;
			}
			}
			@media screen and (max-width: 960px) {
			.image_battle_row .col {
				width: 50%;
				text-align: center;
				float: left;
				overflow: hidden;
				height: 130px;
				margin-bottom: 20px;
			}
			}
.recommend_title_div{
margin-top: 12px;
}
.recommend_title_line {
background-color: #ff4c6f;height: 10px;width: 2px;margin-top: 12px;
}
.recommend_title{
font-size: 18px;color: #2C2C2C;margin-left: 6px;margin-top: 102px;
}
.recommend_content {
width: 76px;height: 60px;overflow:hidden;float: left;
}